import styled from 'styled-components';
import { GlobalMargin } from '@/config/style-global';

export const ContentStyle = styled.div`
	width: 100%;
	display: flex;
	column-gap: ${GlobalMargin}px;
	.table {
		flex: 1;
		.is-over {
			background: pink;
		}
	}
`;

export const ScrollableStyle = styled.ul`
	/* background-color: pink; */
	display: flex;
	flex-direction: column;
	row-gap: ${GlobalMargin}px;
`;

export const ItemStyle = styled.div`
	width: 150px;
	height: 50px;
	background: #252525;
	color: #fff;
`;
